<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,user-scalable=no">
    <meta name="keywords" content="xx,xx,xx"/>
    <meta name="description" content="yyyyyyy"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta property="qc:admins" content="70003766576320416375"/>
    <meta name="format-detection" content="telephone=no">
    <title>账户资料修改</title>
    <link rel="stylesheet" href="../../css/base/jquery-ui.min.css" type="text/css">
    <link rel="stylesheet" href="//apps.bdimg.com/libs/jqueryui/1.10.4/css/jquery-ui.min.css">
    <link rel="stylesheet" href="../../plugin/bootstrap-3.3.7/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../../plugin/bootstrap-datetimepicker.min.css">
    <link rel="stylesheet" href="../../css/job.css">
    <link rel="stylesheet" href="../../css/account.css">

    <script src="http://gosspublic.alicdn.com/aliyun-oss-sdk-4.3.0.min.js"></script>

    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
<style>
    /*input[type='submit'], input[type='reset'], input[type='button'], select, button {*/
        /*-webkit-appearance: none;*/
        /*-moz-appearance: none;*/
        /*appearance: none;*/
    /*}*/
    .account-list-box a{
        color: black;
    }
    .account-list-box a span{
        color:#9b9b9b;
        font-size: 12px;
    }
    .account-list-box a span small{
        cursor: pointer;
        font-size: 15px;
        margin-left: 5px;
        color:#22d673;
        top: 3px;
    }
    a>span>img{
        height: 50px;
        width: 50px;
        border-radius: 50%;
    }

    /*模态框（修改资料）*/
    .modal-dialog{
        position: absolute!important;
        width: 90%!important;
        left: 5%!important;
        top: 50%;
        margin: -90px 0 0;

    }
    .modal-dialog .modal-body {
        position: relative;
        padding: 30px 10px 20px;
        text-align: center;
    }
    .modal-body input, .modal-body select{
        width: 80%;
        padding: 5px 10px;
        border: 0;
    }
    div.modal-footer{
        border-color: #a7dbe6!important;
    }
    .modal-footer button{
        background: #22d673!important;
        border:none;
    }
    .modal-footer button:first-child{
        float: left;
    }
    .modal-footer button:last-child{
        float: right;
    }
    a:focus{
        outline:0;
    }
 #ui-datepicker-div{
     width: 70%!important;
     left: 15%!important;
 }
    .ui-widget-header{
        color: #1CAF9A;
    }
    b{
        font-weight: 500;
    }
</style>
</head>
<body style="background: #f7f7f9">
<div class="container-fluid" style="background-color: #f7f7f9">
    <!--header start-->
    <div class="row header">
        <div><span id="back" class="glyphicon  glyphicon-chevron-left" style="float: left;cursor: pointer;"></span><span>资料修改</span></div>
    </div>
    <!--header end-->

    <!--content start-->
    <div class="row content" id="account-info-modify">
  <!--<div class="account-list-box" >-->
            <!--<label for="file">-->
                <!--<a>-->
                    <!--<input id="file" onchange="on_click_upload_file()" type="file" multiple class="file" data-overwrite-initial="true" style="display: none" >-->
                    <!--<b style="top: 15px;font-weight:500;position: relative;">头像</b>-->
                    <!--<span>-->
                        <!--<img id="portrait" src="../../images/head-sculpture.png"/>-->
                        <!--<small class="glyphicon  glyphicon-chevron-right"></small>-->
                    <!--</span>-->
                <!--</a>-->
            <!--</label>-->
        <!--</div>-->
        <!--<div class="account-list-box" >-->
            <!--<a href="" data-toggle="modal">姓名<span><b class="change-content">张三</b><small class="glyphicon  glyphicon-chevron-right"></small></span></a>-->
            <!--<div class="modal fade "  aria-labelledby="myModalLabel" aria-hidden="true">-->
                <!--<div class="modal-dialog">-->
                    <!--<div class="modal-content">-->
                        <!--<div class="modal-body">-->
                            <!--<input type="text" autofocus="autofocus"  placeholder="请输入姓名..." />-->
                        <!--</div>-->
                        <!--<div class="modal-footer" style="padding: 15px 20%">-->
                            <!--<button type="button" class="btn btn-primary" data-dismiss="modal">-->
                                <!--取消-->
                            <!--</button>-->
                            <!--<button type="button" class="btn btn-primary  btn-sure">-->
                                <!--确认-->
                            <!--</button>-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->
        <!--<div class="account-list-box" >-->
            <!--<a href="" data-toggle="modal">性别<span>-->
                <!--<b style="font-weight:500;position: relative;" class="sex change-content">男</b>-->
                <!--<small class="glyphicon  glyphicon-chevron-right"></small></span>-->
            <!--</a>-->
            <!--<div class="modal fade "  aria-labelledby="myModalLabel" aria-hidden="true">-->
                <!--<div class="modal-dialog">-->
                    <!--<div class="modal-content">-->
                        <!--<div class="modal-body">-->
                            <!--<select style="width: 80%">-->
                                <!--<option>请选择</option>-->
                                <!--<option>男</option>-->
                                <!--<option>女</option>-->
                            <!--</select>-->
                        <!--</div>-->
                        <!--<div class="modal-footer" style="padding: 10px 20%">-->
                            <!--<button type="button" class="btn btn-primary" data-dismiss="modal">-->
                                <!--取消-->
                            <!--</button>-->
                            <!--<button type="button" class="btn btn-primary  btn-sure">-->
                                <!--确认-->
                            <!--</button>-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->
        <!--<div class="account-list-box" >-->
            <!--<a href="" data-toggle="modal">出生年月<span><b class="change-content">1996-12-4</b><small class="glyphicon  glyphicon-chevron-right"></small></span></a>-->
            <!--<div class="modal fade "  aria-labelledby="myModalLabel" aria-hidden="true">-->
                <!--<div class="modal-dialog">-->
                    <!--<div class="modal-content">-->
                        <!--<div class="modal-body">-->
                            <!--<input type="text" placeholder="点击选择出生年月" readonly id="datepicker">-->
                        <!--</div>-->
                        <!--<div class="modal-footer" style="padding: 10px 20%">-->
                            <!--<button type="button" class="btn btn-primary" data-dismiss="modal">-->
                                <!--取消-->
                            <!--</button>-->
                            <!--<button type="button" class="btn btn-primary  btn-sure">-->
                                <!--确认-->
                            <!--</button>-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->
        <!--<div class="account-list-box" >-->
            <!--<a href="" data-toggle="modal">身份<span><b class="change-content">大学生</b><small class="glyphicon  glyphicon-chevron-right"></small></span></a>-->
            <!--<div class="modal fade "  aria-labelledby="myModalLabel" aria-hidden="true">-->
                <!--<div class="modal-dialog">-->
                    <!--<div class="modal-content">-->
                        <!--<div class="modal-body">-->
                            <!--<select>-->
                                <!--<option>请选择身份</option>-->
                                <!--<option>大学生</option>-->
                                <!--<option>社会人士</option>-->
                            <!--</select>-->
                        <!--</div>-->
                        <!--<div class="modal-footer" style="padding: 10px 20%">-->
                            <!--<button type="button" class="btn btn-primary" data-dismiss="modal">-->
                                <!--取消-->
                            <!--</button>-->
                            <!--<button type="button" class="btn btn-primary  btn-sure">-->
                                <!--确认-->
                            <!--</button>-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->
        <!--<div class="account-list-box" >-->
            <!--<a href="" data-toggle="modal">地区<span><b class="change-content">奉贤区</b><small class="glyphicon  glyphicon-chevron-right"></small></span></a>-->
            <!--<div class="modal fade "  aria-labelledby="myModalLabel" aria-hidden="true">-->
                <!--<div class="modal-dialog">-->
                    <!--<div class="modal-content">-->
                        <!--<div class="modal-body">-->
                            <!--<select>-->
                                <!--<option>请选择区域</option>-->
                                <!--<option>奉贤区</option>-->
                                <!--<option>徐汇区</option>-->
                                <!--<option>金山区</option>-->
                                <!--<option>浦东新区</option>-->
                                <!--<option>静安区</option>-->
                                <!--<option>长宁区</option>-->
                                <!--<option>普陀区</option>-->
                                <!--<option>闵行区</option>-->
                                <!--<option>黄浦区</option>-->
                                <!--<option>杨浦区</option>-->
                                <!--<option>虹口区</option>-->
                                <!--<option>嘉定区</option>-->
                                <!--<option>宝山区</option>-->
                                <!--<option>松江区</option>-->
                                <!--<option>青浦区</option>-->
                                <!--<option>崇明县</option>-->
                            <!--</select>-->
                        <!--</div>-->
                        <!--<div class="modal-footer" style="padding: 10px 20%">-->
                            <!--<button type="button" class="btn btn-primary" data-dismiss="modal">-->
                                <!--取消-->
                            <!--</button>-->
                            <!--<button type="button" class="btn btn-primary  btn-sure">-->
                                <!--确认-->
                            <!--</button>-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->
        <!--<div class="account-list-box" >-->
            <!--<a href="" data-toggle="modal">地址<span><b class="change-content">海泉路100号</b><small class="glyphicon  glyphicon-chevron-right"></small></span></a>-->
            <!--<div class="modal fade "  aria-labelledby="myModalLabel" aria-hidden="true">-->
                <!--<div class="modal-dialog">-->
                    <!--<div class="modal-content">-->
                        <!--<div class="modal-body">-->
                            <!--<input type="text" autofocus="autofocus" placeholder="请输入详细住址..." />-->
                        <!--</div>-->
                        <!--<div class="modal-footer" style="padding: 10px 20%">-->
                            <!--<button type="button" class="btn btn-primary" data-dismiss="modal">-->
                                <!--取消-->
                            <!--</button>-->
                            <!--<button type="button" class="btn btn-primary btn-sure ">-->
                                <!--确认-->
                            <!--</button>-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->
>>>>>>> f7712ab7c2f7e7021bed71736f29e8c60fcc7a81
    </div>
    <div class="row footer">
        <a class="btn" href="#">保存信息</a>
    </div>
    <!--content end-->
</div>
<!--<div style="position: relative">-->
    <!--<a class="btn" id="send-evaluate">退出当前账户</a>-->
<!--</div>-->
</body>
<script src="../../js/common/jquery-2.1.4.min.js"></script>
<script src="../../js/common/jquery-ui.min.js"></script>
<script src="../../plugin/bootstrap-3.3.7/dist/js/bootstrap.min.js"></script>
<script src="../../plugin/moment.js"></script>
<script src="../../plugin/bootstrap-datetimepicker.min.js"></script>
<script src="../../js/index.js"></script>
<script src="../../js/account-information-modify.js"></script>
<script src="../../js-data/common/template.js"></script>
<script src="../../js/common/common.js"></script>
<script src="../../js-data/account.info.modify.js"></script>

<script>

    var code1 = false;
    var code2 = false;
    $(document).on('click','.footer .btn',function(){
        var b_element=$('.account-list-box b');

        var photo = $('.account-list-box a span img').attr('src');

        var name = b_element[1].innerHTML;
        var gender = b_element[2].innerHTML;
        var age = 18;
        var address = b_element[5].innerHTML;
        var identity = b_element[3].innerHTML;
        var district = b_element[4].innerHTML;

        var obj1 = {"name":name,"gender":gender,"age":age,"address":address,"identity":identity,"district":district};
        var url1=server + '/server/users/userInformationSave.json';
        var obj2 = {"photo":photo};
        var url2=server + '/file/operation/upload.json';


        $.post(url1, obj1, function (data) {
            if(data.code == '20000'){
                code1 = true;
                $.post(url2, obj2, function (data) {
                    if(data.code == '20000'){
                        code2 = true;
                        if(code1&&code2){
                            alert("修改成功");
                            window.location.replace('./account-center.html');
                        }
                    }
                });
            }
        });


    });

</script>
</html>
